<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>增删改查</title>
</head>
<body>
<h2>对象使用: 操作数据无非就是 增 删 改 查 语</h2>
<p>
    <strong>查询对象</strong> <br>
    对象.属性
</p>
<p>
    <strong>重新赋值</strong> <br>
    对象.属性 = 值
</p>
<p>
    <strong>对象添加新的属性</strong> <br>
    对象名.新属性名 = 新值
</p>
<p>
    <strong>删除对象中属性</strong> <br>
    delete 对象名.属性名
</p>
<hr>
<h3>额外说明</h3>
<p>
    属性-查 的另外一种写法 <br>
    对于 多词属性或带有 - 等 特殊字符的属性，点操作就不能用了。 <br>
    我们可以采取： 对象[‘属性’] 方式， 单引号和双引号都可以
</p>
<p>
    []语法里面的值如果不添加引号 默认会当成变量解析 <br>
    总结： <br>
    没有必要的时候直接使用点语法, 在需要解析变量的时候使用 [] 语
</p>
<script>
    // 声明一个 对象
    let 对象_产品信息 = {
        // 属性
        '品牌-型号': '小米10青春版', // 遇到特殊符号, 可以使用 '' 包裹名称
        编号: '100012816024',
        重量: '0.55kg',
        国区: '中国大陆',
        // 方法
        方法一: function () {
            return `我是对象的,方法一`
        }, // 注意加 , 号
        方法二: function () {
            return `我是对象的,方法二`
        },
    }

    // 对象里 属性的 增删改查

    console.log(对象_产品信息.国区) // 查看 对象属性值
    console.log(对象_产品信息["品牌-型号"]) // 属性名 带有 - 等 特殊符号的， [" "] 来查看属性
    let 品牌 = '换行'
    console.log(对象_产品信息[品牌]) // 不加 "" 就是解析 变量名

    // 修改 对象属性值
    对象_产品信息.国区 = '中国台湾'
    console.log(对象_产品信息.国区) // 查看 属性值已经修改了

    // 对象添加新的属性
    对象_产品信息.客户名称 = '孙新罡'
    console.log(对象_产品信息.客户名称) // 查看 新添加的属性

    // 删除对象中属性
    delete 对象_产品信息.国区 // 删除对象里， ‘国区’ 这个属性
    console.log(对象_产品信息) // 输出 整个对象信息看，还有 ‘国区’ 这个信息吗

</script>
</body>
</html>